<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
    <%@taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<script src="js/jquery.js">
</script>
<script>
var request;
function read(group_id){
	request=new XMLHttpRequest();
	request.open("post","group_main_visit.action?group_id="+group_id,true);
	request.send();
	//request.onreadystatechange=display;
}
function display(){
	document.getElementById('loader').innerHTML=request.responseText;
	//reload();
}
function reload(){
	
}

</script>
<style type="text/css">
#grpdet {
	border: 1px solid lightgray;
	width: 750px;
	height: 500px;
	background-color: #F1F1FA;
	
}
#grpdet:HOVER {
	border: 2px solid lightgray;
	width: 750px;
	height: 500px;
	background-color: #F1F1FA;
	text-decoration: none;
}
a{
		text-decoration: none;
	
}
.scro { width:200px; height:330px; overflow-y:auto; overflow-x:auto; clip-rect:(0px, 200px, 330px, 0px); }
</style>
</head>
<body>
<s:url id="url" action="group_main_visit">
								<s:param name="group_id"><s:property value="#session['group_id']"/></s:param>
							</s:url>
							<s:a href="%{url}">
<table id="grpdet">
	<tr>
		<td colspan="2" width="100%" style="background-color: #273C64;" height="10%">
		<s:iterator value="groups">
			<table>
				<tr><td height="7px;"></td></tr>
				<tr>
					<td width="420px" align="left" valign="bottom" height="10%"><font style="font-family: calibri; font-size: x-large; color: white;"><b>&emsp;<s:property value="group_name"/></b></font></td>
					<td width="245px">
					
						<table>
							<tr>
								<td width="60%" align="right"><font style="font-family: calibri; font-size: small; color: grey;">Created By: </font></td>
								<td align="left"><font style="font-family: calibri; font-size: small; color: white;"><b>&ensp;<s:property value="owner_name"/></b></font></td>
							</tr>
							<tr>
								<td width="30px" align="right"><font style="font-family: calibri; font-size: small; color: grey;">Create date: </font></td>
								<td><font style="font-family: calibri; font-size: small; color: white;"><b>&ensp;<s:property value="create_date"/></b></font></td>
							</tr>
							<tr>
								<td width="30px" align="right"><font style="font-family: calibri; font-size: small; color: grey;">Last Update On: </font></td>
								<td><font style="font-family: calibri; font-size: small; color: white;"><b>&ensp;<s:property value="last_update_date"/></b></font></td>
							</tr>
						</table>
					
					</td>
				</tr>
				<tr><td height="7px;"></td></tr>
			</table>
			</s:iterator>
		</td>
	</tr>
	<tr>
		<td>
			<table>
				
				<tr>
					<td  width="200px">
						<table>
							
						<tr><td height="10px"></td></tr>
						<tr>
							<td  width="200px" height="15px" style="background-color: lightgrey;">
								<font style="font-family: calibri; font-size: small; color: #1E1E21;"><b>&emsp;Home</b></font>
							</td>
						</tr>
						<tr><td height="15px"></td></tr>
						<tr>
							<td  width="200px" height="15px" style="background-color: lightgrey;">
								<font style="font-family: calibri; font-size: small; color: #1E1E21;"><b>&emsp;Documents</b></font>
							</td>
						</tr>
						<tr><td height="15px"></td></tr>
						<tr><td height="15px" style="background-color: lightgrey;"><font style="font-family: calibri; font-size: small; color: #1E1E21; "><b>&emsp;Members</b></font></td></tr>
						<tr><td height="15px"></td></tr>
						<tr><td><div class="scro"><table>
						<s:iterator value="group_members">
						<tr>
						
							<td>
								&emsp;<font style="font-family: calibri; font-size: small; color: #080A55;"><s:property value="member_id"/></font>
							</td>
							
							
						</tr>
						</s:iterator>
						
						</table></div></td></tr>
						
						</table>
					</td>
					<td style="border-left: 1px solid lightgray; background-color: white;" width="545px">
						<%@ include file="/GroupUpdates.jsp" %>
					</td>
				</tr>
			</table>
		</td>
	</tr>
	
</table>
</s:a>
</body>
</html>